<template>
    <div class="checkButton" :class="{isChecked:isChecked}">
      <img src="~assets/img/cart/tick.svg" alt="">
    </div>
</template>

<script>
export default {
  name: 'CheckButton',
  props: {
    isChecked: {
      type: Boolean,
      default () {
        return false
      }
    }
  }
}
</script>

<style scoped>
  .checkButton{
    border: 2px solid #ccc;
    border-radius: 50%;
  }
  .isChecked{
    background-color: var(--color-tint);
    border-color: var(--color-tint);
  }
</style>
